<!DOCTYPE html>
<html>
	<head>
		<title>借阅信息</title>
		<meta charset="utf-8">
		<link rel="shortcut icon" th:href="./images/favicon.ico" type="image/x-icon">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<!-- 引入css -->
		<link rel="stylesheet" href="./css/plugins/font-awesome-4.7.0/css/font-awesome.min.css"  media="all">
		<link rel="stylesheet" href="./lib/layui-v2.3.0/css/layui.css"  media="all">
		<link rel="stylesheet" href="./css/main.css"  media="all">
		<style type="text/css">
			#major{
				border: 1px solid #009986;
				width: 80%; 
				margin-left: 10%; 
				margin-top: 10%; 
				border-radius: 20px; 
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div id="major" class="layui-form timo-compile" align="center">
		    <form action="#">
				<div class="" >
					<label class="">读者卡号 &nbsp;&nbsp;</label>
					<div class="layui-input-inline">
						<input type="text" name="number" lay-verify="number" autocomplete="off" placeholder="19031326" class="layui-input" readonly="readonly">
					</div>
				</div><br>
				<div class="">
					<label class="">读者姓名 &nbsp;&nbsp;</label>
					<div class="layui-input-inline">
						<input type="text" name="name" placeholder="小懒虫" autocomplete="off" class="layui-input" readonly="readonly">
					</div>
				</div><br>
				<div class="">
					<label class="">读者类型 &nbsp;&nbsp;</label>
					<div class="layui-input-inline">
						<input type="text" name="range" lay-verify="range" autocomplete="off" placeholder="本科生" class="layui-input" readonly="readonly">
					</div>
				</div><br>
				<div class="">
					<label class="">证件号码 &nbsp;&nbsp;</label>
					<div class="layui-input-inline">
						<input type="text" name="identity" lay-verify="identity" autocomplete="off" placeholder="2020234090314" class="layui-input" readonly="readonly">
					</div>
				</div><br>
				<div class="">
					<label class="">联系电话 &nbsp;&nbsp;</label>
					<div class="layui-input-inline">
						<input type="text" name="phone" lay-verify="phone" autocomplete="off" placeholder="15830112345" class="layui-input">
					</div>
				</div><br>
				<div class="">
					<label class="">联系地址 &nbsp;&nbsp;</label>
					<div class="layui-input-inline">
						<input type="text" name="address" lay-verify="address" autocomplete="off" placeholder="北京市朝阳区中华北大街临春路1号" class="layui-input">
					</div><br>
				</div>
				<div class="timo-finally">
					<button id="select" class="layui-btn ajax-submit" style="margin: 0 auto;"><i class="fa fa-check-circle"></i> 设置</button>
					<button class="layui-btn btn-secondary close-popup"><i class="fa fa-times-circle"></i> 关闭</button>
				</div>
		    </form>
		</div>
		<script src="./lib/layui-v2.3.0/layui.js" charset="utf-8"></script>
		<script src="./js/main.js" charset="utf-8"></script>
		
	</body>
</html>